<template>
	<view class="notice">
		<view class="left">
			<uni-icons type="hand-up-filled" size="18" color="#28b389"></uni-icons>
			<text class="text-notice">通知</text>
		</view>
		<view class="center">
			<swiper vertical autoplay interval="1500" duration="800" circular>
				<swiper-item v-for="imte in 2">
					<navigator url="/pages/notice/list">
						项目已开源
					</navigator>
					</swiper-item>
			</swiper>
		</view>
		<view class="right">
			<uni-icons type="hand-up-filled" size="18" color="#28b389"></uni-icons>
		</view>
	</view>
</template>
<script setup>
</script>
<style lang="scss" scoped>
.notice {
		width: 690rpx;
		height: 80rpx;
		background: #f9f9f9;
		line-height: 80rpx;
		margin: 0 auto;
		border-radius: 80rpx;
		display: flex;

		.left {
			width: 140rpx;
			display: flex;
			align-items: center;
			justify-content: center;

			.text-notice {
				color: #28b389;
			}
		}

		.center {
			flex: 1;

			swiper {
				height: 100%;

				&-item {
					height: 100%;
					font-size: 30rpx;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
				}
			}
		}

		.right {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 70rpx;
		}
	}
</style>